<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合格证2</title>
	<style>
		*{
			margin:0px;
			padding: 0px;
			box-sizing: border-box;
			font-size: 12px;
			word-wrap: break-all;
		}
		.mian{
			position: relative;
		/*整体左右移动*/
			left: 5.5mm;
		/*整体上下移动*/
		/*	top: 28mm; */
			top: 23mm;
			height: 145mm;
			width:112mm;
			vertical-align:middle;
			font-family: "楷体";
/*			border: 1px solid #000;*/
/*			background-color: #454;*/
		}
		.mian p{
			position: relative;
			height: 10mm;
/*			box-sizing: border-box;*/
			padding-left: 19mm;
  			text-align: center;
		}
		#products{
			font-size: 20px;
			line-height: 10mm;
		}
		#classType{
			font-size: 20px;
			line-height: 10mm;
		}
		.table{
			width:112mm;
		}
		.table .td{
			box-sizing: border-box;
			/*background-color: #ccc;*/
			width: 37mm;
			height:10mm;
			padding-top: 5mm;
			text-align: center;
			word-break: break-all;
		}
		#customerName{
			line-height: 9mm;
		}
		#customerName td{
			padding-top: 0mm;
		}
		.allNo{
			height: 10mm;
		}
		.table #date{
			height: 14mm;
		}
		.table #date td{
			padding-top: 7mm;
		}
		.content{
			position: absolute;
			top:75mm;
/*			background-color: #fff;
*/			width:100%;
		}
		.content table{
			table-layout:fixed;

		}
		.content .output td{
			padding: 1mm;
			width:18%;
			word-break: break-all;
		}
		.total{
			position: absolute;
			bottom: 1mm;
			left:2mm;
		}
		.total .td{
			width:30mm;
			word-break: break-all;
		}
	</style>
</head>
<body>
	<div class="mian">
		<p id="products" >产品名称</p>
		<p id="standard">产品标准GB 15763.2-2005、GB/T 18915.1 2-2013、GB/T11944-2012zzzzzzzzzzzzzzzz</p>
		<p id="classType">类型超白LOW-E平钢s</p>
		<table class="table">
		  <tr id="customerName">
		    <td class="td"><!-- 客户名称 --></td>
		    <td class="td" colspan="2"  valign="middle">客户名称</td>
		  </tr>
		  <tr class="allNo">
		    <td class="td">计划号</td>
		    <td class="td">箱号</td>
		    <td class="td">入库号</td>
		  </tr>
		  <tr id="date">
		    <td class="td">生产班组</td>
		    <td class="td">校验员</td>
		    <td class="td">装箱员</td>
		  </tr>
		</table>
		<div class="content">
			<table class="output">
			  <tr>
			    <td class="td">条目</td>
			    <td class="td">子编号</td>
			    <td class="td">规格</td>
			    <td class="td">数量</td>
			    <td class="td">面积</td>
			    <td class="td">重量</td>
			  </tr>
			</table>
		</div>
		<div class="total">
			<table>
			  <tr>
			    <td class="td" >合计</td>
			    <td class="td">数量</td>
			    <td class="td">面积</td>
			    <td class="td">重量</td>
			  </tr>
			</table>
		</div>
	</div>
</body>
</html>